<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%String contextPath = request.getContextPath();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>常用功能列表</title>
		<link type="text/css" rel="stylesheet" media="screen" href="<%=contextPath%>/css/hotel.css"/>
		<link type="text/css" rel="stylesheet" media="screen" href="<%=contextPath%>/css/jquery-ui.css"/>
		<link type="text/css" rel="stylesheet" media="screen" href="<%=contextPath%>/css/calendar.css"/>
		<link type="text/css" rel="stylesheet" media="screen" href="<%=contextPath%>/css/daily.css"/>
		<script type="text/javascript" src="<%=contextPath%>/scripts/jquery.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/context.jsp"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/card.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/jquery.kwicks-1.5.1.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/jquery-ui.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/dwr/interface/AdminAjax.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/dwr/interface/CardAjax.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/dwr/engine.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/calendar/calendar.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/calendar/calendar-zh.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/calendar/calendar-setup.js"></script>
		<script type="text/javascript" src="<%=contextPath%>/scripts/daily.js"></script>
		<script type="text/javascript">
			$().ready(function() {
				$('.kwicks').kwicks({
					max : 220,
					spacing : 5
				});
				$('.kwicks').css("margin", "5px auto");
			});
		</script>
	</head>
	
	<body>
		<object id="bdLockCard" classid="clsid:130D6F39-2FE2-45FB-92B3-AE73D5B2B4EC"  width="0" height="0"></object>
		<div style="width:1024px;margin:0 auto;">
			<ul class="kwicks horizontal" >
				<li class="kwick_1"><div id="roomHistogram">房态图</div></li>
				<li class="kwick_2"><div></div></li>
				<li class="kwick_3"><div></div></li>
				<li class="kwick_4"><div></div></li>
			</ul>
			<ul class="kwicks horizontal" >
				<li class="kwick_2"><div id="makeCard">制卡</div></li>
				<li class="kwick_3"><div id="ecycleCard">销卡</div></li>
				<li class="kwick_4"><div></div></li>
				<li class="kwick_1"><div></div></li>
			</ul>
			<ul class="kwicks horizontal" >
				<li class="kwick_3"><div id="nightAudit">夜审</div></li>
				<li class="kwick_4"><div></div></li>
				<li class="kwick_1"><div></div></li>
				<li class="kwick_2"><div></div></li>
			</ul>
			<ul class="kwicks horizontal" >
				<li class="kwick_4"><div></div></li>
				<li class="kwick_1"><div></div></li>
				<li class="kwick_2"><div></div></li>
				<li class="kwick_3"><div></div></li>
			</ul>
		</div>

<div id="dialogs" style="display:none;">
	<div id="ecycleCardDialog" class="dialog">
		<ul class="form left" style="float:left;width:180px;" title="卡片上的信息"></ul>
		<ul class="form right" style="float:left;width:180px;" title="服务器上的信息"></ul>
		<div class="ui-widget" style="display:none;clear:both;">
			<div class="ui-state-highlight ui-corner-all" style="padding: 0 0.1em;"> 
				<p style="margin-top:7px;margin-bottom:7px;"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
				<span class="result"></span></p> 
			</div>
		</div>
	</div>
	<div id="makeCardDialog" class="dialog">
		<div class="grant" style="clear:both;">
			房间: <input id="makeCardRoom" type="text" style="width:80px;margin-right:50px;" maxlength="10"/> 
			授权时间:<input id="makeCardTime" type="text" maxlength="20" style="width:145px;"/><input id="makeCardTimePicker" type="button" value="…"/>
		</div>
		<ul class="form left" style="clear:left;float:left;width:180px;" title="卡片上的信息"></ul>
		<ul class="form right" style="float:left;width:180px;" title="服务器上的信息"></ul>
		<div class="ui-widget" style="display:none;clear:both;">
			<div class="ui-state-highlight ui-corner-all" style="padding: 0 0.1em;"> 
				<p style="margin-top:7px;margin-bottom:7px;"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
				<span class="result"></span></p>
			</div>
		</div>
	</div>
	<div id="nightAuditDialog" class="dialog">
		<div class="grant" style="clear:both;">
			上次夜审:
			<div id="lastAuditInfo" style="padding-left:10px;"></div>
		</div>
		<div class="ui-widget" style="display:none;clear:both;">
			<div class="ui-state-highlight ui-corner-all" style="padding: 0 0.1em;"> 
				<p style="margin-top:7px;margin-bottom:7px;"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
				<span class="result"></span></p>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
Calendar.setup({
    inputField     :    "makeCardTime",
    ifFormat       :    "%Y-%m-%d %H:00",
    showsTime      :    true,
    button         :    "makeCardTimePicker",
    singleClick    :    false,
    range		   :	[2010,2020],
    step           :    1
});
</script>
	</body>
</html>